<template>
    <SvgIcon class="status_style" :icon-class="toScore(record?.healthScore)" />
    <span style="font-size: 14px;margin-left:6px ;"> {{ record?.healthScore }} </span>
</template>

<script setup>
import { defineProps, toRefs } from 'vue'
const props = defineProps({
  record: {
    required: true,
    default: '-'
  }
})

const { record } = toRefs(props)

const toScore = (score) => {
  if (score<=60){
    return 'C'
  }else if(score>=90){
    return 'A'
  }else{
    return 'B'
  }
}

</script>
<style lang="scss" scoped>

</style>